<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>防小米</title>
    <link rel="stylesheet" href="lib/reset/reset.css">
    <link rel="stylesheet" href="fonts/font.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
        <!--1.顶部导航栏-->
        <!--最外层div-->
        <div class="topnav">
            <!--banxin-->
            <div class="container clearfix">
                <!--顶部最左侧导航栏-->
                <div class="topnav-left">
                    <!--一堆a,i标签-->
                    <a href="#">小米商城</a> <i>|</i>
                    <a href="#">MIUI</a> <i>|</i>
                    <a href="#">IoT</a> <i>|</i>
                    <a href="#">云服务</a> <i>|</i>
                    <a href="#"> 金融</a> <i>|</i>
                    <a href="#">有品</a> <i>|</i>
                    <a href="#">小爱开放平台</a> <i>|</i>
                    <a href="#">企业团购</a> <i>|</i>
                    <a href="#">资质证照</a> <i>|</i>
                    <a href="#">协议规则</a> <i>|</i>
                    <a href="#">下载app</a> <i>|</i>
                    <a href="#">Select Location</a>
                </div>
                <!--顶部导航右侧-->
                <div class="topnav-righ">
                    <a href="#">登陆</a> <i>|</i>
                    <a href="#">注册</a> <i>|</i>
                    <a href="#">消息通知</a>
                    <a href="#" class="cart"> <span class="iconfont-cart"></span> 购物车(0)</a>
                </div>
            </div>
        </div>
        <!--2.搜索导航-->
        <!--最外层div-->
        <div class="searchnav">
            <!--版心-->
            <div class="container">
                <!--左边图片-->
                <a href="#" class="searchnav-logo">
                    <img src="img/mi-logo.png" alt="">
                </a>
                <!--中间的热搜列表-->
                <div class="search-tab">
                    <a href="#">小米手机</a>
                    <a href="#">Redmi红米</a>
                    <a href="#">电视</a>
                    <a href="#">笔记本</a>
                    <a href="#">家电</a>
                    <a href="#">路由器</a>
                    <a href="#">智能硬件</a>
                    <a href="#">服务</a>
                    <a href="#">社区</a>
                </div>
                <!--右边的搜索条-->
                <div class="searchnav-search">
                    <input type="text">
                    <button> <span class="iconfont-search"></span></button>
                    <!--输入框中的热词-->
                    <div class="searchnav-search-keys">
                        <span>小米9 Pro 5G</span>
                        <span>Redmi Note 8</span>
                    </div>
                </div>
            </div>
        </div>
<!--轮播图-->
<!--最外层-->
<div class="carousel">
    <!--版心-->
    <div class="container clearfix">
        <!--左侧列表-->
        <div class="carousel-left-list">
            <a href="#">手机 电话卡<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">电视 盒子 <i class="iconfont-arrow-right-big"></i></a>
            <a href="#">笔记本 显示器 平板<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">家电 插线板<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">出行 穿戴<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">智能 路由器<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">电源 配件<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">健康 儿童<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">耳机 音响<i class="iconfont-arrow-right-big"></i></a>
            <a href="#">生活 箱包<i class="iconfont-arrow-right-big"></i></a>
        </div>
        <!--轮播图-->
        <a class="carousel-img">
            <img src="upload/carousel1.webp" alt="">
        </a>
        <!--左右侧导航按钮-->
        <a href="#" class="carousel-left-nav iconfont-arrow-left-thin"></a>
        <a href="#" class="carousel-right-nav iconfont-arrow-right-thin"></a>
        <!--圆点导航-->
        <ol class="dotnav">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</div>
    <!--4.优惠商品-->
<div class="discount">
    <div class="container clearfix">
        <div class="discount-left">
            <a href="#"><img src="img/discount_item-01.png" alt=""><span>小米秒杀</span></a>
            <a href="#"><img src="img/discount_item-02.png" alt=""><span>企业团购</span></a>
            <a href="#"><img src="img/discount_item-03.png" alt=""><span>F码通道</span></a>
            <a href="#"><img src="img/discount_item-04.png" alt=""><span>米粉卡</span></a>
            <a href="#"><img src="img/discount_item-05.png" alt=""><span>以旧换新</span></a>
            <a href="#"><img src="img/discount_item-06.png" alt=""><span>话费充值</span></a>
        </div>
        <div class="discount-right">
            <a href="#"><img src="upload/discount-01.jpg" alt=""></a>
            <a href="#"><img src="upload/discount-02.jpg" alt=""></a>
            <a href="#"><img src="upload/discount-03.jpg" alt=""></a>
        </div>
    </div>
</div>
<div class="flash">
    <div class="container clearfix">
        <div class="flash-title">
            <h1>小米闪购</h1>
            <div class="flash-title-right">
                <a href="#" class="flash-title-right-a-left iconfont-arrow-left-big"></a>
                <a href="#" class="flash-title-right-a-right iconfont-arrow-right-big"></a>
            </div>
        </div>
        <div class="flash-content">
            <div class="flash-conter-left">
                <h3>14:00 场</h3>
                <img src="img/flash-logo.png" alt="">
                <p>距离结束还有</p>
                <span>01</span> <small>:</small>
                <span>36</span> <small>:</small>
                <span>15</span>
            </div>
            <div class="flash-content-right">
                <a href="#" class="flash-content-right-product product-one">
                    <img src="upload/flash-01.jpg" alt="">
                    <h3>米家电动螺丝刀</h3>
                    <p>专利一体化无绳设计,轻松开工</p>
                    <span class="newprice">179元</span>
                    <span class="oldprice">199元</span>
                </a>
                <a href="#" class="flash-content-right-product product-two">
                    <img src="upload/flash-02.jpg" alt="">
                    <h3>米家飞利浦读写台灯 白色</h3>
                    <p>双重防眩光,专为读写而生</p>
                    <span class="newprice">499元</span>
                    <span class="oldprice">569元</span>
                </a>
                <a href="#" class="flash-content-right-product product-three">
                    <img src="upload/flash-03.jpg" alt="">
                    <h3>小米米家电动滑板车</h3>
                    <p>便携折叠,自由穿行</p>
                    <span class="newprice">1849元</span>
                    <span class="oldprice">1999元</span>
                </a>
                <a href="#" class="flash-content-right-product product-four">
                    <img src="upload/flash-04.jpg" alt="">
                    <h3>小米米家智能门锁 标准碳素黑</h3>
                    <p>一体化活体指纹识别,多种开锁方式</p>
                    <span class="newprice">1199元</span>
                    <span class="oldprice">1299元</span>
                </a>
            </div>
        </div>
    </div>
</div>

<!--广告 1-->
<div class="ad1">
    <div class="container clearfix">
        <a href="#">
            <img src="upload/ad1.webp" alt="">
        </a>
    </div>
</div>

<div class="phone">
    <div class="container clearfix">
        <div class="phone-title">
            <h1>手机</h1>
            <a href="#">查看全部 <i class="iconfont-arrow-right-big"></i></a>
        </div>
        <div class="phone-content">
            <div class="phone-content-left">
                <a href="#"><img src="upload/phone-content-left.webp" alt=""></a>
            </div>
            <div class="phone-content-right">
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-01.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-02.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-03.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-04.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                    <span class="oldprice">1299元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-05.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                    <span class="oldprice">1299元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-06.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                    <span class="oldprice">1299元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                    <img src="upload/phone-07.webp" alt="">
                    <h3>小米10</h3>
                    <p>骁龙865/1亿像素相机</p>
                    <span class="newprice">3999元</span>
                    <span class="oldprice">1299元</span>
                </a>
                <a href="#" class="phone-content-right-product">
                <img src="upload/phone-08.webp" alt="">
                <h3>小米10</h3>
                <p>骁龙865/1亿像素相机</p>
                <span class="newprice">3999元</span>
                <span class="oldprice">1299元</span>
            </a>
            </div>
        </div>

    </div>
</div>
        <div class="ad1">
            <div class="container clearfix">
                <a href="#">
                    <img src="upload/ad2.webp" alt="">
                </a>
            </div>
        </div>
<div class="homeapp">
    <div class="container clearfix">
        <div class="homeapp-title">
            <h1>家电</h1>
            <div class="homeapp-title-right">
                <a href="#">热门</a>
                <a href="#">电视影音</a>
            </div>
        </div>
        <div class="homeapp-content">
            <a href="#" class="homeapp-content-product-one">
                <img src="upload/homeapp-01.webp" alt="">
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-02.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-03.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-04.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-05.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class=" homeapp-content-product-one">
                <img src="upload/homeapp-06.webp" alt="">

            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-07.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-08.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <a href="#" class="homeapp-content-product">
                <img src="upload/homeapp-09.webp" alt="">
                <h3>米家空调</h3>
                <p>出众静音,快速制冷热</p>
                <span class="newprice">1299元</span>
                <span class="oldprice">1799元</span>
            </a>
            <div class="homeapp-content-more">
                <a href="#">
                    <div class="homeapp-content-more-text">
                        <h3>Air 13.3"2019款</h3>
                        <span>4999元起</span>
                    </div>
                    <img src="upload/homeapp-10.webp" alt="">
                </a>
                <a href="#">
                    <div class="homeapp-content-more-text">
                        <p>浏览更多</p>
                        <small>热门</small>
                    </div>
                  <i class="iconfont-circle-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>
        <div class="ad1">
            <div class="container clearfix">
                <a href="#">
                    <img src="upload/ad3.webp" alt="">
                </a>
            </div>
        </div>
        <!--视频-->
        <div class="video">
            <div class="container clearfix">
                <div class="video-title">
                    <h1>视频</h1>
                    <a href="">查看全部 <i class="iconfont-arrow-right-big"></i></a>
            </div>
            <div class="video-content">
                <a href="#">
                    <img src="upload/video-01.webp">
                    <p>小米10 8K手机拍大片</p >
                    <i class="iconfont-play video-content-play"> </i>
                </a>


                <a href="#">
                <img src="upload/video-02.webp">
                <p>小米10 8K手机拍大片</p >
                <i class="iconfont-play video-content-play"> </i>
                </a>
                <a href="#">
                <img src="upload/video-03.webp">
                <p>小米10 8K手机拍大片</p >
                <i class="iconfont-play video-content-play"> </i>
                </a>
                <a href="#">
                <img src="upload/video-04.webp">
                <p>小米10 8K手机拍大片</p >
                <i class="iconfont-play video-content-play"></i>
                </a>
            </div>
        </div>
        </div>
<div class="footer-service">
    <div class="container clearfix">
      <div class="footer-service-content">
          <a href="#"> <i class="iconfont-tool"></i> 预约维修服务</a>
          <a href="#" ><i class="iconfont-circle-7"></i> 7天无理由退货</a>
          <a href="#" > <i class="iconfont-circle-15"></i>15天免费换货</a>
          <a href="#" > <i class="iconfont-gift"></i> 满99元包邮</a>
          <a href="#" > <i class="iconfont-location"></i>520余家售后网点</a>
      </div>
    </div>
</div>
<!--其他-->
<div class="other">
    <div class="container clearfix">
        <div class="other-left">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
            </dl>  <dl>
            <dt>帮助中心</dt>
            <dd><a href="#">帐户管理</a></dd>
            <dd><a href="#">帐户管理</a></dd>
            <dd><a href="#">帐户管理</a></dd>
        </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
                <dd><a href="#">帐户管理</a></dd>
            </dl>

        </div>
        <div class="other-right">
            <h1>400-100-5678</h1>
            <p>8:00-18:00(仅收市话费)</p>
            <a href="#"><i class="iconfont-message2"></i>人工客服</a>
        </div>
    </div>
</div>
        <!-- 12.底部 -->
        <div class="footer">
            <!-- 12.1版心 -->
            <div class="container clearfix">
                <!-- 12.1.1 logo -->
                <a href="" class="footer-logo">
                    <img src="./img/mi-logo.png" alt="">
                </a>
                <!-- 12.1.2 copyright  -->
                <div class="footer-copyright">
                    <!-- 12.1.2.1 链接 -->
                    <div class="footer-copyright-link">
                               <a href="">小米商城 </a>
                       <i>|</i><a href="">MIUI </a>
                       <i>|</i><a href=""> 米家 </a>
                       <i>|</i><a href=""> 米聊 </a>
                       <i>|</i><a href="">多看 </a>
                       <i>|</i><a href="">游戏 </a>
                       <i>|</i><a href="">米粉卡 </a>
                       <i>|</i><a href="">政企服务 </a>
                       <i>|</i><a href="">小米天猫店 </a>
                       <i>|</i><a href="">小米集团隐私政策 </a>
                       <i>|</i><a href="">小米公司儿童信息保护规则 </a>
                       <i>|</i><a href="">小米商城隐私政策 </a>
                       <i>|</i><a href="">小米商城用户协议 </a>
                       <i>|</i><a href="">问题反馈 </a>
                       <i>|</i><a href="">Select Location </a>
                    </div>
                    <!-- 12.1.2.2 许可证 -->
                    <div class="footer-copyright-agreement">
                        <a href="">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号</a>
                        <a href="">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告</a>
                        <a href="">增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证</a>
                        <span>违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                    </div>

                    <!-- 12.1.2.3 商标 -->
                    <div class="footer-copyright-brand">
                        <img src="img/truste.png" alt="">
                        <img src="img/v-logo-2.png" alt="">
                        <img src="img/v-logo-1.png" alt="">
                        <img src="img/v-logo-3.png" alt="">

                    </div>
                </div>

            </div>
            <div class="footer-slogan">
                <img src="img/slogan2020.png" alt="">
            </div>
        </div>

</body>
</html>